.theme-page-bg { background-color: #F5F7FB; }
.bg-9288FF { background-color: #9288FF !important; }
.bg-linear-gradient { background: linear-gradient(117deg, #9288FF 0%, #7266F2 100%); }

.border-r10 { border-radius: 10rpx; }
.border-r30 { border-radius: 30rpx; }

.flex{ display: flex; }
.flex-1{ flex: 1; }
.flex-column{ flex-direction: column; }
.flex-row{ flex-direction: row; }
.flex-center{ align-items: center; justify-content: center; }
.flex-align-end{ align-items: flex-end; }
.flex-align-center{ align-items: center; }
.flex-space-end{ justify-content: flex-end; }
.flex-space-start{ justify-content: flex-start; }
.flex-between{ align-items: center; justify-content: space-between;}
.flex-space-around{ justify-content: space-around;}
.flex-space-between{ justify-content: space-between;}
.flex-grow{ flex-grow: 1;}
.flex-wrap { flex-wrap: wrap; }
// text
.text-cen{ text-align: center; }

// color
.color-w{ color: white !important; }
.color-c{ color: #cccccc; }
.color-b3{ color: #333333; }
.color-b5{ color: #b5b5b5; }
.color-b6{ color: #666666; }
.color-b8{ color: #888888; }
.color-b9{ color: #999999; }
.color-purple{ color: #F8D247;}
.color-purple2{ color: #6b5aac;}
.color-red{color: #fa2d43;}
.color-097EFF{color: #097EFF;}
.color-3FA897 { color: #3FA897; }
.color-FF7C90 {
	color: #FF7C90;
}
.color-9288FF {
	color: #9288FF;
}
.color-1A1A1A {
	color: #1A1A1A;
}
.color-539DE9 { color: #539DE9; }
.color-1BA4C0 { color: #1BA4C0; }
.color-B4B4B4 { color: #B4B4B4; }
.color-535353 { color: #535353; }
.color-b6b6b6 {color: #535353;}
.color-0F0E21 { color: #0F0E21; }
.color-181D18 { color: #181D18; }
.color-8E8E8E { color: #8E8E8E; }
.color-F52200 { color: #F52200; }

.bg-w{ background-color: #FFFFFF; }
.bg-FF7C90{ background-color: #FF7C90; }
.bg-f8{ background-color: #F8F8F8; }
.bg-base{ background-color: rgb(248, 210, 71) !important }
.bg-F8F8F9 {
	background-color: #F8F8F9;
}
.font20{ font-size: 20rpx;}
.font22{ font-size: 22rpx;}
.font24{ font-size: 24rpx;}
.font26{ font-size: 26rpx;}
.font28{ font-size: 28rpx;}
.font30{ font-size: 30rpx;}
.font32{ font-size: 32rpx;}
.font34{ font-size: 34rpx;}
.font36{ font-size: 36rpx;}
.font38{ font-size: 38rpx;}
.font40{ font-size: 40rpx;}
.font42{ font-size: 42rpx;}
.font44{ font-size: 44rpx;}
.font46{ font-size: 46rpx;}
.font48{ font-size: 48rpx;}
.font60{ font-size: 68rpx;}
.f-b {
	font-weight: bold;
}
.h100vh {
	height: 100vh;
}
.blod{ font-weight: bold;}
.bor-no{ border: none !important;}
.border-radius-16 { border-radius: 16rpx; }
.pos-fill {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.padding20 {
	padding: 20rpx;
}
.padding-20 {
	padding: 0 20rpx;
}
.padding-30 {
	padding: 0 30rpx !important;
}
.padding30 {
	padding: 30rpx 0 !important;
}
.padding-50 {
	padding: 0 50rpx;
}
.margin-b-10 {
	margin-bottom: 10rpx;
}
.margin-b-20 {
	margin-bottom: 20rpx;
}
.margin-r-20 {
	margin-right: 20rpx;
}
.m-l-20 { margin-left: 20rpx; }
.m-l-30 { margin-left: 30rpx; }
.m-l-40 { margin-left: 40rpx; }

.m-t-10 { margin-top: 10rpx; }
.m-t-20 { margin-top: 20rpx; }
.m-t-30 { margin-top: 30rpx; }
.m-t-40 { margin-top: 40rpx; }
.m-t-60 { margin-top: 60rpx; }
.b-l-20{
	width: 730rpx;
	height: 2rpx;
	margin-left: 20rpx;
	background-color: #EEEEEE;
}

.mar0{
	margin: 0 !important;
}

.line{
	overflow: hidden;
	text-overflow:ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.line-2{
	-webkit-line-clamp: 2!important;
}
.text-del{
	text-decoration:line-through;
}

/* 手机顶部状态栏 */
.status-bar-height {
	height: var(--status-bar-height);  
	width: 100%;  
	// position: fixed;  
	background-color: #ffffff;  
	top: 0;  
	z-index: 99999;
}

.status-bar-height-height {
	width: 100%;  
	height: var(--status-bar-height);  
}
.text-ellipsis{
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-clamp: 1;
}

	.border_l {
		border-left: 1rpx solid #E8E8E8;
	}
	.border_t {
		border-top: 1rpx solid #E8E8E8;
	}
	.border_r {
		border-right: 1rpx solid #E8E8E8;
	}
	.border_b {
		border-bottom: 1rpx solid #E8E8E8;
	}
	
	.td {
		padding: 20rpx 0;
	}
	
	.bottom-box {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 60rpx 60rpx 0rpx 0rpx;
	}
.button {
	height: 88rpx;
	text-align: center;
	line-height: 88rpx;
	color: #ffffff;
	background: #FF7C90;
	box-shadow: 0rpx 10rpx 20rpx 1rpx rgba(255,124,144,0.2);
	border-radius: 44rpx 44rpx 44rpx 44rpx;
}
.button-style {
	text-align: center;
	line-height: 96rpx;
	color: #ffffff;
	font-size: 36rpx;
	font-weight: 500;
	height: 96rpx;
	background: #3FA897;
	border-radius: 48rpx;
}
.button-plain {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #3FA897;
	font-size: 32rpx;
	font-weight: 500;
	height: 96rpx;
	border: 2rpx solid #3FA897;
	border-radius: 48rpx;
}